<template>
	<view class="content">
		<u-navbar :is-back="false" :safeAreaInsetTop="false" height="180rpx">
		</u-navbar>
		<Home v-if="value=='home'"></Home>
		<Foster v-if="value=='foster'"></Foster>
		<!-- <Order v-if="value=='order'"></Order> -->
		<My v-if="value=='my'"></My>
		<u-tabbar :placeholder="false" :value="value" activeColor="#16233C" inactiveColor="#ADADAD" :fixed="true"
			safeAreaInsetBottom @change="name => value = name">
			<u-tabbar-item text="首页"
				:icon="value == 'home'?'https://fengfujiafile.oss-cn-hangzhou.aliyuncs.com/adopt/static/tabbar/home-1.png':'https://fengfujiafile.oss-cn-hangzhou.aliyuncs.com/adopt/static/tabbar/home.png'"
				name="home"></u-tabbar-item>
			<u-tabbar-item text="产品"
				:icon="value == 'foster'?'https://fengfujiafile.oss-cn-hangzhou.aliyuncs.com/adopt/static/tabbar/foster-1.png':'https://fengfujiafile.oss-cn-hangzhou.aliyuncs.com/adopt/static/tabbar/foster.png'"
				name="foster"></u-tabbar-item>
			<!-- <u-tabbar-item text="订单" :icon="value == 'order'?orderIcon1:orderIcon" name="order"></u-tabbar-item> -->
			<u-tabbar-item text="我的"
				:icon="value == 'my'?'https://fengfujiafile.oss-cn-hangzhou.aliyuncs.com/adopt/static/tabbar/my-1.png':'https://fengfujiafile.oss-cn-hangzhou.aliyuncs.com/adopt/static/tabbar/my.png'"
				name="my"></u-tabbar-item>
		</u-tabbar>
	</view>
</template>

<script setup>
	import router from '@/api/router';
	import Home from "@/pages/home/index.vue"
	import Foster from "@/pages/foster/index.vue"
	// import Order from "@/pages/order/index.vue"
	import My from "@/pages/my/index.vue"
	import {
		ref
	} from 'vue';
	import {
		onShow
	} from "@dcloudio/uni-app";
	const value = ref("home")
	const homeIcon = ref("https://fengfujiafile.oss-cn-hangzhou.aliyuncs.com/adopt/static/tabbar/home.png")
	const homeIcon1 = ref("https://fengfujiafile.oss-cn-hangzhou.aliyuncs.com/adopt/static/tabbar/home-1.png")
	const fosterIcon = ref("https://fengfujiafile.oss-cn-hangzhou.aliyuncs.com/adopt/static/tabbar/foster.png")
	const fosterIcon1 = ref("https://fengfujiafile.oss-cn-hangzhou.aliyuncs.com/adopt/static/tabbar/foster-1.png")
	const orderIcon = ref("https://fengfujiafile.oss-cn-hangzhou.aliyuncs.com/adopt/static/tabbar/order.png")
	const orderIcon1 = ref("https://fengfujiafile.oss-cn-hangzhou.aliyuncs.com/adopt/static/tabbar/order-1.png")
	const myIcon = ref("https://fengfujiafile.oss-cn-hangzhou.aliyuncs.com/adopt/static/tabbar/my.png")
	const myIcon1 = ref("https://fengfujiafile.oss-cn-hangzhou.aliyuncs.com/adopt/static/tabbar/my-1.png")
	onShow(() => {
		console.log("1234----");
	})
</script>

<style scoped lang="scss">
	:deep(.u-navbar__content__left) {
		display: none;
	}

	:deep(.conent_box) {
		margin-top: 0;
	}
</style>